<!DOCTYPE html>
<html>

<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- <link href="http://site.full2house.com/Public/bootstrap/css/bootstrap.min.css?version=1.1.5" rel="stylesheet"
        type="text/css"> -->
    <link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/iconfont.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="js/swiper/swiper-bundle.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper/swiper-bundle.min.js"></script>
    <!-- <script src="http://site.full2house.com/Public/bootstrap/js/bootstrap.min.js?version=1.1.7"></script> -->

</head>

<body>
    <div id="preloader">
        <div class="preloader">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px"
                height="30px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
                <g id="fbit-loading" fill="#cca252">
                    <path opacity="0.2"
                        d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                    </path>
                    <path d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
                    C22.32,8.481,24.301,9.057,26.013,10.047z" transform="rotate(42.1171 20 20)">
                        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20"
                            to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                    </path>
                </g>

            </svg>
        </div>

    </div>

    <!--header-->
    <div class="ec-header top-bg-color">
        <div class="container-01">

            <div class="head top-text-color">

                <div class="logo">
                    <a href="index.html"><img class="" src="images/logo.png" alt=""></a>
                    <span class="header-name">
                        福皓整合科技
                    </span>
                </div>


                <div class="nav" style="width: 50%">
                    <div class="menu">
                        <a class="top-text-color"
                            href="https://site.full2house.com/User/index.php?ent_id=veMQzA6t&amp;a=Personal&amp;m=index"
                            title="Của tôi">
                            <i class="iconfont icon-user"></i>
                        </a>
                    </div>
                    <div class="menu">
                        <a class="top-text-color"
                            href="https://ec2.full2house.com/Mall/index.php?&amp;ent_id=4SMQb4KE&amp;a=Mall&amp;m=order_search"
                            title="Đặt hàng">
                            <i class="iconfont icon-6"></i>

                        </a>
                    </div>
                    <div class="menu" style="position: relative;">
                        <a class="top-text-color"
                            href="https://ec2.full2house.com/Mall/index.php?&amp;ent_id=P1MQXJFM&amp;a=Mall&amp;m=shopping_cart"
                            target="_blank" title="Giỏ hàng">
                            <i class="iconfont icon-gouwuche3"></i>
                            <span class="cartNum" id="cartNum">1</span>
                        </a>
                    </div>
                    <div class="menu dropdown info_languages">
                        <a class="top-text-color" href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="iconfont icon-yuyan"></i>
                        </a>
                        <ul class="dropdown-menu" style="left:-80px;">
                            <li data-val="tzh"><a href="javascript:;">
                                    <div class="dropdown_text">繁體中文</div>
                                </a></li>
                            <li data-val="zh"><a href="javascript:;">
                                    <div class="dropdown_text">简体中文</div>
                                </a></li>
                            <li data-val="en"><a href="javascript:;">
                                    <div class="dropdown_text">english</div>
                                </a></li>
                            <li data-val="id"><a href="javascript:;">
                                    <div class="dropdown_text">Indonesia</div>
                                </a></li>
                            <li data-val="th"><a href="javascript:;">
                                    <div class="dropdown_text">ไทย</div>
                                </a></li>
                            <li data-val="vi"><a href="javascript:;">
                                    <div class="dropdown_text">Tiếng Việt</div>
                                </a></li>
                            <li data-val="my"><a href="javascript:;">
                                    <div class="dropdown_text">ဗမာ</div>
                                </a></li>
                            <li data-val="ja"><a href="javascript:;">
                                    <div class="dropdown_text">日本語</div>
                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section>
        <div class="banner shop-banner top-bg-color">
            <div class="scroll-box-shop container-01">
                <div class="swiper shop-swiper" id="shop-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="https://www.baidu.com">
                                <img src="./images/mock/banner3.jpg" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="https://www.baidu.com">
                                <img src="./images/mock/banner4.jpg" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>

                </div>



            </div>
        </div>
    </section>
    <!--content-->
    <section class="ec-body">
        <section class="shop-card">
            <div class="container-01 shop-card-box">
                <div class="flex align-center justify-between block-tit">
                    <div class="block-tit-con">
                        <div class="block-circle-img"><img src="./images/mock/EC2_logo.png" alt=""></div>
                        <div class="block-tit-name-con">
                            <div class="flex align-center">
                                <span class="block-tit-name flex-shrink-1">九号当铺九号当铺九号当铺九号当铺九号当铺九号当铺九号当铺</span>
                                <span class="block-mark flex-shrink-0">店铺</span>
                            </div>
                            <div class="block-desc">
                                正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构
                                正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构正规挂牌金融机构
                            </div>
                        </div>

                    </div>
                    <div class="flex-shrink-0">
                        <a href="javascript:;" class="btn btn-main">进店</a>
                    </div>

                </div>
                <div class="shop-list myswiper0">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-1.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-6.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-1.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-4.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$199.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-2.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-3.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            </div>
        </section>
        <section class="shop-card">
            <div class="container-01 shop-card-box">
                <div class="flex align-center justify-between block-tit">
                    <div class="flex align-center">
                        <div class="block-circle-img"><img src="./images/mock/EC2_logo.png" alt=""></div>
                        <div class="">
                            <div class="flex align-center">
                                <span class="block-tit-name">九号当铺</span>
                                <span class="block-mark">店铺</span>
                            </div>
                            <div class="block-desc">
                                正规挂牌金融机构
                            </div>

                        </div>

                    </div>
                    <div class="">
                        <a href="javascript:;" class="btn btn-main">进店</a>
                    </div>

                </div>
                <div class="shop-list myswiper1">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-1.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-6.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-1.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-4.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$199.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-2.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-item-shop">

                                    <div class="live-wrap">

                                        <div class="live-body">
                                            <a href="javascript;"><img src="./images/mock/pic-3.jpg" alt=""></a>

                                        </div>
                                        <span class="live-foot">
                                            <div href="javascript:;" class="live-source">

                                                <span class="live-source-discount">$99.9</span>
                                            </div>
                                        </span>
                                    </div>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            </div>
        </section>
    </section>
    <!--//content-->
    <!--//footer-->
    <div class="footer">
        <div class="footer-middle contact-bg-color">
            <div class="container-01">
                <h3 class="contact-text-color">聯絡我們</h3>
                <label class="line"></label>
                <div class="flexcon">


                    <div class="wrap">
                        <h4 class="contact-text-color">意見回饋</h4>
                        <form>
                            <input class="contact-form-color" type="text" class="text" maxlength="20" value="名稱"
                                onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '姓名';}">
                            <input class="contact-form-color" type="text" class="text" maxlength="20" value="電話號碼"
                                onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '電話號碼';}">
                            <input class="contact-form-color" type="text" class="text" maxlength="20" value="郵箱"
                                onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '郵箱';}">
                            <textarea class="text contact-form-color" value="信息" onfocus="this.value = ''"
                                onblur="if (this.value == '') {this.value = '信息';}">信息</textarea>
                            <input type="submit" class="btn-main" value="提交">
                        </form>

                    </div>
                    <div class="wrap contact-text-color">
                        <p class="cont"><i class="iconfont icon-email"></i>service@full2house.com </p>
                        <p class="cont"><i class="iconfont icon-phone"></i>02-87737500 </p>
                        <p class="cont"><i class="iconfont icon-dingwei"></i>台北市大安區忠孝東路四段218-6號10樓 </p>
                        <div class="map">
                            <!-- <iframe
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.7963355835836!2d121.55135421438476!3d25.040984844166715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442abc5dd05120b%3A0x43dc2acf1b2c213b!2zMTA25Y-w5rm-5Y-w5YyX5biC5aSn5a6J5Y2A5b-g5a2d5p2x6Lev5Zub5q61MjE4LTbomZ8xMA!5e0!3m2!1szh-CN!2sus!4v1526452213032"
                                width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom foot-bg-color">
            <div class="container-01">
                <ul class="mediacon">
                    <li><a class="foot-text-color" href="https://www.full2house.com/" target="_blank"><i
                                class="iconfont icon-fh"></i>
                            <p>福皓官網</p>
                        </a></li>
                    <li><a class="foot-text-color" href="https://www.facebook.com/ec2o2o/" target="_blank"><i
                                class="iconfont icon-facebook-line"></i>
                            <p>粉絲專頁</p>
                        </a></li>
                    <li><a class="foot-text-color"
                            href="https://www.youtube.com/channel/UC5fkmr4chxsP8sl7vfgSnwA/playlists" target="_blank"><i
                                class="iconfont icon-video"></i>
                            <p>影音教學</p>
                        </a></li>
                    <li><a class="foot-text-color"
                            href="https://site.full2house.com/User/index.php?ent_id=YdMQdND5&amp;menu_id=A6MTMeKth&amp;a=Website&amp;m=menu_content"
                            target="_blank">
                            <i class="iconfont icon-gouwu"></i>
                            <p>購物須知</p>
                        </a></li>
                </ul>
                <!-- <a href="https://www.full2house.com/" class="btn cont" style="color: #777777" target="_blank">福皓官網</a>
                <a href="https://www.facebook.com/ec2o2o/" class="btn cont" style="color: #777777"
                    target="_blank">粉絲專頁</a>
                <a href="https://www.youtube.com/channel/UC5fkmr4chxsP8sl7vfgSnwA/playlists" class="btn cont"
                    style="color: #777777" target="_blank">影音教學</a>
                <a href="https://site.full2house.com/User/index.php?ent_id=YdMQdND5&amp;menu_id=A6MTMeKth&amp;a=Website&amp;m=menu_content"
                    class="btn cont" style="color: #777777" target="_blank">購物須知</a> -->
            </div>
            <div class="container-01">
                <h5>
                    <span class="foot-text-color">Copyright © </span><a href="https://www.full2house.com/"
                        target="_blank">EC2直播小幫手</a> |
                    <a href="https://www.full2house.com/" target="_blank">福皓整合科技</a>
                </h5>
            </div>
        </div>
    </div>
    <!--//footer-->

    <script type="text/javascript" charset="utf-8">
        $(window).on("load", function () {
            $('#preloader').fadeOut('slow', function () {
                $(this).remove();
            });
        });
        $(function () {

            //设置皮肤
            var args = {
                // "mainColor": '#ff0000', //主色
                // "topBgColor": '#f6f6f6', //头部背景色
                // "topTextColor": '#333', //头部文字色
                // "btnTextColor": "#fff", //按钮文字色
                // "contactBgColor": '#f6f6f6', //联络背景色
                // "contactTextColor": '#333', //联络文字色
                // "contactFormColor": '#333', //联络表单文字色
                // "footBgColor": '#aaa', //底部背景色
                // "footTextColor": '#333', //底部文字色
            }
            setSkin(args);
            //setSkin();
            // 精美车图轮播 
            var picswiper = new Swiper('.shop-swiper', {
                loop: true,
                autoplay: {
                    delay: 5000,
                    disableOnInteraction: false,
                },
                navigation: {
                    nextEl: '.shop-swiper .swiper-button-next',
                    prevEl: '.shop-swiper .swiper-button-prev',
                },
                // 如果需要分页器
                pagination: {
                    el: '.shop-swiper .swiper-pagination',
                    clickable: true,
                },
                initialSlide: 0, //初始化为第一张图
                observer: true, //修改swiper自己或子元素时，自动初始化swiper
                observeParents: true,
            });

            $('.shop-list').each(function (i) {
                new Swiper('.myswiper' + i + ' .swiper', {
                    freeMode: true,
                    mousewheel: true,
                    slidesPerView: "auto",
                    freeModeMomentumRatio: 0.5,
                });
            })

            //语言选择
            $('.info_languages li').click(function () {
                $('.info_languages li').removeClass('active')
                $(this).addClass('active');
            })

            function setSkin(args) {
                var defaultOpts = {
                    "mainColor": '#dbb663', //主色
                    "topBgColor": '#372026', //头部背景色
                    "topTextColor": '#fff', //头部文字色
                    "btnTextColor": "#000", //按钮文字色
                    "contactBgColor": '#1f1f1f', //联络背景色
                    "contactTextColor": '#b3b3b3', //联络文字色
                    "contactFormColor": '#999', //联络表单文字色
                    "footBgColor": '#372026', //底部背景色
                    "footTextColor": '#f4f4f4', //底部文字色
                };
                var opts = $.extend(true, {}, defaultOpts, args);
                console.log(opts);
                $('.top-bg-color').css({
                    "background-color": opts.topBgColor
                });
                $('.top-text-color').css({
                    "color": opts.topTextColor
                });
                $('.contact-bg-color').css({
                    "background-color": opts.contactBgColor
                });
                $('.contact-text-color').css({
                    "color": opts.contactTextColor
                });
                $('.contact-form-color').css({
                    "color": opts.contactFormColor
                });
                $('.foot-bg-color').css({
                    "background-color": opts.footBgColor
                });
                $('.foot-text-color').css({
                    "color": opts.footTextColor
                });
                var shopSwiper = document.getElementById('shop-swiper');
                shopSwiper.style.setProperty('--swiper-theme-color', opts.mainColor);
                shopSwiper.style.setProperty('--swiper-navigation-color', opts.mainColor);
                $('.btn-main').css({
                    'background': opts.mainColor,
                    "color": opts.btnTextColor
                });
                $('.footer .footer-middle .line').css({
                    'background': opts.mainColor
                });
                $('.footer .footer-bottom h5 a').css({
                    'color': opts.mainColor
                });
            }
        })
    </script>
</body>

</html>